<template>
  <div class="box">
    <tabbar  ref="mytabbar" v-show="$store.state.isTabbarShow"></tabbar>
    <!-- 路由容器  等于插槽类型 -->
    <section><router-view></router-view></section>
  </div>
</template>

<script>
import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);

import tabbar from '@/components/app/Tabbar'
export default {
  data() {
    return {

    };
  },
  components:{
    tabbar
  }
};
</script>
<style lang="scss">
*{
  margin: 0;
  padding: 0;
}
html,body{
  font-size: .8889rem;
  text-decoration-line: none
}

li{
  list-style-type: none;
  text-decoration: none;
}

section{
  margin-bottom: 2.7222rem;
}
a {
  text-decoration: none;
}
.router-link-active {
  text-decoration: none;
}
</style>


